//======================================
// Blazy plugin
//======================================
@import '../init.scss';

// General
// -------------------------------------------
[data-toggle="blazy"],
[data-bg-img],
.b-lazy {
  @include transition(all 500ms ease-in-out);
  @include opacity(0.5);
  display: inline-block;
  max-width: 100%;
  min-width: 100%;
  min-height: 50px;
  
  &:before {
    content: '';
    padding: 1em;
    height: 50px;
    width: 100%;
    display: block;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('');
  }
  
  &.b-loaded {
    @include opacity(1);
    min-height: 1px;
    
    &:before {
      display: none;
    }
  }
}
